<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <title>Title</title>
  <style>
    .a{
      line-height: 50px;
      text-align: justify;
    }

    .b{
      background-image: url("img/apache-syncope-logo-medium.png");
      background-size: 500px 200px;
    }

  </style>
</head>
<body>
<div style="width: 100%;height: 800px;border-bottom: solid #e2e2e2" align="center">
  <div style="width: 90%;height: 800px;">
    <div style="font-size: 40px;font-weight: bold;" align="left">Apache Syncope</div>

    <div class="a" style="width: 100%;height: 50px;background-color: #e7e7e7;font-size: 20px">
    <span>
      <a style="color: #58b3f5;margin-left: 10px;"> Apache / </a><a style="color: #58b3f5"> Apache Syncope / </a><span> Apache Syncope</span>
    </span>

      <span style="margin-left: 650px">Last Published:2013-07-12</span>

    </div>

    <div style="width: 90%;height: 30px"></div>

    <div style="background-color: #e7e7e7;width: 100%;height: 600px;">

      <div style="width: 90%;height: 600px;line-height: 2.5em;color: #525252" align="left">
        <div class="b" style="width: 500px;height: 200px;" ></div>
        <p style="letter-spacing: 2px;font-size: 20px;line-height: 2em;"><span style="font-weight: bolder;color: black">Apache Syncope </span>is an Open Source system for managing digital identities in enterprise environments,
          implemented in JEE technology and released under Apache 2.0 license.</p>

        <p style="letter-spacing: 2px;font-size: 20px;line-height: 2em"><span style="font-weight: bolder;color: black">Identity management </span>(or ldM) represents the joint result of business process and IT to manage user data
          on systems and applications. ldM involves considering user attributes, roles, resources and entitlements in
          trying to give a decent answer to the question bumping up every time in an IT administrator's mind:</p>

        <p style="letter-spacing: 2px;font-size: 20px;"align="center">Who has access to What, When, How, and Why?</p>
      </div>

    </div>


  </div>
</div>


<div style="width: 100%;height: 220px;" align="center">
  <div style="width: 90%;height: 100%;">

    <div style="width: 100%;height: 30px;"></div>


    <p align="left" style="line-height:1.5em;font-size: 18px;color: #000000">Copyright o 2010-2013
      <span style="color: #b3d4fc">The Apache Software Foundation</span>.
      All Rights Reserved.<br>Apache, Syncope, Apache Syncope, the Apache feather logo and the Apache Syncope
      project logo are trademarks of The Apache Software Foundation. All other marks mentioned may be
      trademarks or registered trademarks of their respective owners.</p>



    <div>
      <img src="img/project_thin_badge.gif" style="margin-left: 73%;">
      <img src="img/maven-feather.png" style="margin-left: 93%;">
    </div>



  </div>
</div>
</body>
</html>
